<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
    <meta name="csrf-token" content="{{csrf_token()}}">
    <!-- Libs CSS -->
    <link rel="stylesheet" href="{{asset('org/Dashkit-1.2.0')}}/fonts/feather/feather.min.css">
    <link rel="stylesheet" href="{{asset('org/Dashkit-1.2.0')}}/libs/highlight/styles/vs2015.min.css">
    <link rel="stylesheet" href="{{asset('org/Dashkit-1.2.0')}}/libs/quill/dist/quill.core.css">
    <link rel="stylesheet" href="{{asset('org/Dashkit-1.2.0')}}/libs/select2/dist/css/select2.min.css">
    <link rel="stylesheet" href="{{asset('org/Dashkit-1.2.0')}}/libs/flatpickr/dist/flatpickr.min.css">
    <!-- Theme CSS -->
    <link rel="stylesheet" href="{{asset('org/Dashkit-1.2.0')}}/css/theme.min.css">
    <title>Dashkit</title>
    @include('layouts._hdjs')
    @include('layouts._message2')
</head>
<body class="d-flex align-items-center bg-white border-top-2 border-primary">

<!-- CONTENT
================================================== -->
<div class="container">
    <div class="row justify-content-center">
        <div class="col-12 col-md-5 col-xl-4 my-5">

            <!-- Heading -->
            <h1 class="display-4 text-center mb-3">
                laravel-CMS(道行)
            </h1>

            <!-- Subheading -->
            <p class="text-muted text-center mb-5">
                欢迎进入laravel的世界
            </p>

            <!-- Form -->
            <form method="post" action="{{route('user.resetpassword')}}">
            @csrf
            <!-- Email address -->
                <div class="form-group">
                    <label>填写注册时候填的邮箱</label>
                    <input type="email" name="email" class="form-control" value="{{old('email')}}">
                </div>
                <!-- Password -->
                <div class="form-group">
                    <div class="row">
                        <div class="col">
                            <label>密码</label>
                            <input type="password" name="password" class="form-control" value="{{old('password')}}">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="row">
                        <div class="col">
                            <label>确认密码</label>
                            <input type="password" name="password_confirmation" class="form-control" >
                        </div>
                    </div>
                </div>
                <div class="input-group mb-3">
                    <input type="text" class="form-control" placeholder="输入获取的验证码" name="code"  aria-label="Recipient's username" aria-describedby="basic-addon2">
                    <div class="input-group-append">
                        <button class="btn btn-outline-secondary" type="button" id="bt">发送验证码</button>
                    </div>
                </div>
                <script>
                    require(['hdjs','bootstrap'], function (hdjs) {
                        let option = {
                            //按钮
                            el: '#bt',
                            //后台链接
                            url: '{{route('common.code')}}',
                            //验证码等待发送时间
                            timeout: 10,
                            //表单，手机号或邮箱的INPUT表单
                            input: '[name="email"]'
                        };
                        hdjs.validCode(option);
                    })
                </script>
                <!-- Submit -->
                <button class="btn btn-lg btn-block btn-primary mb-3">
                    修改密码
                </button>
                <!-- Link -->
                <div class="text-center">
                    <small class="text-muted text-center">
                        已经有账号 <a href="{{route('login')}}">请登陆</a>.
                    </small>
                </div>

            </form>

        </div>
    </div> <!-- / .row -->
</div> <!-- / .container -->

<!-- JAVASCRIPT
================================================== -->
</body>
</html>